<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_759899_jzjk7ltyxjh.css">
    <script src="js/lib/jquery-1.11.1.js"></script>
    <script src="js/lib/jquery.validate.js"></script>
    <script src="js/lib/additional-methods.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-left">
            <div class="logo">
                <span class="logo">z</span>
                <span class="font">商城</span>
                <span class="url">www.zol.com</span>
            </div>
            <div class="name">
                <span>中关村在线旗下网上商城</span>
            </div>
        </div>
        <div class="header-right">
            <span>没有Z商城账号?<a href="register.html">立即注册</a></span>
        </div>
    </div>
    <br>
    <br>
    <form id="login">
    <div class="login">
        <div class="login-left">
            <img src="images/login.jpg" alt="">
        </div>
        <div class="login-right">
            <div class="login-location">
                <div class="login-header">
                    <div class="active left">
                        <span>登录Z商城</span>
                    </div>
                    <div class="active right">
                        <span>商家登录</span>
                    </div>
                </div>
                <div class="login-body">
                    <div class="Z-login">
                        <div class="Z-login-items">
                            <input type="text" placeholder="手机号/邮箱/用户名" name="phoneNumber"/>
                        </div>
                        <div class="Z-login-items">
                            <input type="text" placeholder="密码" name="pwd"/>
                        </div>
                        <div class="Z-login-items">
                            <div class="left">
                            <span class="iconfont icon-shouji2">
                            </span>
                                <a href="#">
                                    手机动态码登录
                                </a>
                            </div>
                            <div class="right">
                                <a href="#">忘记密码?</a>
                            </div>
                        </div>
                        <div class="Z-login-items">
                            <button type="submit">登录</button>
                        </div>
                        <div class="Z-login-items">
                            <div class="xian">
                            </div>
                            <p>合作账号登录</p>
                            <div class="xian">
                            </div>
                        </div>

                        <div class="Z-login-items">
                            <div>
                                <span class="iconfont icon-weixin"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-weibo"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-qq"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-zhifubao"></span>
                            </div>
                            <div>
                                <span class="iconfont icon-icon5"></span>
                            </div>
                        </div>
                    </div>
                    <div class="shop-login">
                        <div class="Z-login-items">
                            <input type="text" placeholder="用户名"/>
                        </div>
                        <div class="Z-login-items">
                            <input type="text" placeholder="密码"/>
                        </div>
                        <div class="Z-login-items">
                            <div class="left">
                            </div>
                            <div class="right">
                                <a href="#">忘记密码?</a>
                            </div>
                        </div>
                        <div class="Z-login-items">
                            <button type="submit">登录</button>
                        </div>
                        <div class="Z-login-items">
                        </div>
                        <div class="Z-login-items">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</div>
<div class="footer">
    <div class="footer-left">
        <a href="#">关于Z商城</a><span>|</span>
        <a href="#">联系我们</a><span>|</span>
        <a href="#">帮助中心</a><span>|</span>
    </div>
    <div class="footer-right">
        <span>&copy;2018 中关村在线 版权所有</span>
    </div>
</div>
</body>
</html>